// index.module.scss
.nav {
    height: 100%;
    background-color: rgba(245, 245, 245, 0.4);
    justify-self: center;
    /* 宽度随内容变化 */
    min-width: 500px;
    max-width: 100%;
    /* 最大不超过容器 */
    /* 适当内边距 */
    color: white;
    text-align: center;
    border-radius: 30px;

    /* 文本居中 */
    .navList {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: 10px;

        &>li {
            min-width: 100px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 30px;
        }

        &>li:hover {
            background-color: rgba(206, 204, 204, 0.4);
        }

    }
}